iT邦幫忙

2021 iThome 鐵人賽

DAY 28
0
自我挑戰組

Flutter系列 第 28

Flutter基礎介紹與實作-Day28 旅遊筆記的實作(9)

  • 分享至 

  • xImage
  •  

今天就繼續來做剩下的兩個地區吧!


一樣先在assets資料夾內的View資料夾裡建立南部和東部的資料夾來存放照片
https://ithelp.ithome.com.tw/upload/images/20211012/20141032uvSVPBaaCb.jpg

很重要要說很多便要在pubspec.yaml作更改,然後一定記得按下Pub get做更新
https://ithelp.ithome.com.tw/upload/images/20211012/20141032dINvrvmoZl.jpg

資料夾建立
南部
lib/scareens/View_South/view_ South screen.dart
lib/scareens/View
South /components/view_ South body.dart
東部
lib/scareens/View_East/view
East screen.dart
lib/scareens/View
East /components/view_ East body.dart
來看程式碼吧!
view
South _screen.dart
https://ithelp.ithome.com.tw/upload/images/20211012/20141032sRJ9RRFWGx.jpg

view_ South _body.dart
https://ithelp.ithome.com.tw/upload/images/20211012/20141032qW3nxT9HO7.jpg

view_ East _screen.dart
https://ithelp.ithome.com.tw/upload/images/20211012/20141032vbljbqYq1J.jpg

view_ East _body.dart
https://ithelp.ithome.com.tw/upload/images/20211012/20141032dV8fMCoWrr.jpg

成果如下
https://ithelp.ithome.com.tw/upload/images/20211012/20141032b3IYBZNUSw.jpg
https://ithelp.ithome.com.tw/upload/images/20211012/20141032r2W8YLZZch.jpg

完整程式碼


今日總結
終於做完最麻煩的地方了,太棒了!!明天再把最後一個小地方做完就可以徹底結束了


上一篇
Flutter基礎介紹與實作-Day27 旅遊筆記的實作(8)
下一篇
Flutter基礎介紹與實作-Day29 旅遊筆記的實作(10)
系列文
Flutter30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言